/* eslint-disable */
import React, { Component } from 'react';
import styles from './index.less';

class WarningInfo extends Component {

  render() {
    let { data } = this.props;
    return(
      <div style={{ padding: 10 }}>
        {data.map((item, i) => (
          <div key={i} style={{ marginBottom: 10 }}>
            <div
              style={{
                float: "left",
                width: 90,
                textAlign: "right",
              }}
            >
              {item.tm}
            </div>
            <div
              style={{
                float: "left",
                paddingLeft: 10,
                marginLeft: 10,
                width: "calc(100% - 100px)",
                borderLeft: "1px solid #ccc",
              }}
            >
              {item.content}<br/>
              <span className={item.state == 1 ? styles.processed : styles.untreated}>
                <span className={styles['circle']}></span>
                {item.state == 1 ? '已处理' : '未处理'}
              </span>
              {item.people}
            </div>
            <div style={{ clear: "both" }}></div>
          </div>
        ))}
      </div>
    )
  }
}
export default WarningInfo;
